<template>
  <div
    class="MyLink h-24 flex cursor-pointer items-center gap-x-4 rounded-4 bg-#F4F5F7 px-4"
    @click="router.push(target)"
  >
    <img class="h-16 w-16" src="@/assets/icons/link.png" />
    <div class="text font-size-14 color-#0A56D8">{{ text }}</div>
  </div>
</template>
<script setup lang="jsx">
defineOptions({ name: 'MyLink' })
defineProps({
  text: {
    type: String,
    default: '',
  },
  target: {
    type: [Object, String],
    default: '',
  },
})
const router = useRouter()
</script>
<style lang="scss" scoped></style>
